<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>菜单管理</title>
  <link type="text/css" rel="stylesheet" href="../static/css/jquery-ui-1.10.4.custom.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-responsive.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery-ui-1.10.4.custom.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/js/page.js"></script>
  <script type='text/javascript' src='../static/js/userManage/menu.js'></script>
  <script type='text/javascript' src='../static/table/menuTable.js'></script>
</head>
<body>
<div class="ablosulteDiv">
	  <div class="top">
	  	<h4 class="partTitle">
			当前位置: 用户 <span class="comSpanTitle">></span>菜单管理
		</h4>
	  </div>
	  <div class="blueBorder"></div>
	  <div class="row userManageDiv">
        <div class="userManageLeft">
	        <form class="form-horizontal" id="menuSearch">
			    <input id="rows" name="rows" hidden="hidden" value="10">
			  	<input id="page" name="page" hidden="hidden" value="1">
			  	<input id="Type" name="Type" hidden="hidden">
			  	<input id="LayerType" name="LayerType" hidden="hidden">
			  	<input id="ResourcesName" name="ResourcesName" hidden="hidden">
			  	<select name="Enabled" id="Enabled" class="form-control" style="display: none;">
	              <option value='1' selected="selected">可用</option>
	              <option value='0'>不可用</option>
	            </select>
			</form>
            <div class="leftUserDiv" style="overflow:hidden">
                <div class="col-sm-12">
                	<input class="col-sm-10 form-control" id="name" placeholder="菜单名搜索" 
                	type="text" onkeydown="if(event.keyCode==13){nameValue()}">
                </div>
                <div class="col-sm-12">
                    <div class="col-sm-12 userLeftTitle">菜单状态</div>
                    <div class="col-sm-12">
                        <ul class="userLeftUl" id="menuStatus">
                        	<li class="details clickBgBlue" id="enabled1" onclick="roleIDVal('1', 'enabled1', 'Enabled', 'hidden')">可用</li>
                        	<li class="details" id="enabled2" onclick="roleIDVal('0', 'enabled2', 'Enabled', 'hidden')">不可用</li>
                        </ul>
                    </div>
                </div>
                <div class="col-sm-12">
                    <div class="col-sm-12 userLeftTitle">菜单</div>
                    <div class="col-sm-12" style="max-height: 400px;overflow: auto;">
                        <ul class="userLeftUl ulall">
                            <li class="userLeftClick leftClick" id="typeList">菜单类型
	                            <span class="fontValue">
	                            	<img id='userSelectRight' class="userSelectRight" src="../static/images/userSelectRight.png" width="12" height="12"/>
	                            	<img id='userSelectBottom' class="userSelectBottom" src="../static/images/userSelectBottom.png" width="12" height="12" hidden="hidden"/>
	                            </span>
                            </li>
                            <li class="userLeftClick">
	                            <ul class="userLeftUl" hidden="hidden" id="menuType">
	                            	<li class="details" id="Page" onclick="roleIDVal('PAGE', 'Page', 'Type', '')">画面(Page)</li> 
		                        	<li class="details" id="Button" onclick="roleIDVal('BUTTON', 'Button', 'Type', '')">按钮(Button)</li>
		                        	<li class="details" id="Link" onclick="roleIDVal('LINK', 'Link', 'Type', '')">超链接(Link)</li>
		                        	<li class="details" id="Menu" onclick="roleIDVal('MENU', 'Menu', 'Type', '')">菜单(Menu)</li>
		                        	<li class="details" id="List" onclick="roleIDVal('LIST', 'List', 'Type', '')">列表(List)</li>
		                        	<li class="details" id="Pop" onclick="roleIDVal('POP', 'Pop', 'Type', '')">弹框(Pop)</li>
		                        	<li class="details" id="Other" onclick="roleIDVal('OTHER', 'Other', 'Type', '')">其他(Other)</li>
	                            </ul>
                            </li>
                            <li class="userLeftClick leftClick" id="levelList">菜单层级
	                            <span class="fontValue">
	                            	<img id='userSelectRight' class="userSelectRight" src="../static/images/userSelectRight.png" width="12" height="12"/>
	                            	<img id='userSelectBottom' class="userSelectBottom" src="../static/images/userSelectBottom.png" width="12" height="12" hidden="hidden"/>
	                            </span>
                            </li>
                            <li class="userLeftClick">
	                            <ul class="userLeftUl" hidden="hidden" id="menuLevel">
	                            	<li class="details" id="One" onclick="roleIDVal('1', 'One', 'LayerType', '')">层级一</li> 
		                        	<li class="details" id="Two" onclick="roleIDVal('2', 'Two', 'LayerType', '')">层级二</li>
		                        	<li class="details" id="Three" onclick="roleIDVal('3', 'Three', 'LayerType', '')">层级三</li>
	                            </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="userManageRight">
            <div class="comHtmlTitle">
			  <div class="floatRight">
	            <img id="saveOne" class="details" src="../static/images/userSavePhone.png" height="25" width="25" onclick="save()" style="border:0;"/> 
	            <span class="details" style="padding:5px;" onclick="save()">添加菜单</span>
	      	  </div>		
		    <div class="partTable">
		      <table class="table table-hover" id="menuFunctionTable">
		          <thead id="menuThead">
		          </thead>
		          <tbody id="menuTbody">
		          </tbody>
		      </table>
		    </div>
		    <div class="partBtn">
		      <div class="partTurnPage">
		          <ul class="list-inline">
		          	<li id="total" style="display: none;"></li>
		          	<li class="turnPage"></li>
		      	  </ul>
		      </div>
		    </div>
		  </div>
        </div>
    </div>
  </div>
  <!--隐藏框-->
  <div aria-hidden="true" aria-labelledby="myModalLabel" role="dialog" data-backdrop="static" id="save" tabindex="-1" class="modal fade popup">
	  <div class = "popupTable">
		      <div class="modal-header titleAll">
		        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
		          <span aria-hidden="true" class="close">&times;</span>
		        </button>
		        <h4 class="modal-title" id = "title"></h4>
		      </div>
		        <form id="saveForm">
		           <div class="transverseLine"></div>
		            <div class="modal-body">
		            <div class="modal-header title"><strong>基本信息</strong></div>
			            <table class="table table-hover">
			              	<thead id="detailThead">
					        </thead>
					        <tbody id="detailTbody">
					        </tbody>
			            </table>
			        </div>
		      	</form>
	    <div class="modal-footer">
      	  <button id="confirm" type="button" class="btn btn-primary" onclick="$ajax(getUrl, 'saveForm', saveMenu, confirm)">确定</button>
          <button type="button" class="btn btn-danger" data-dismiss="modal">取消</button>
	    </div>
    </div>
  </div>
</body>
</html>
